<template>
    <div id="sideBar">
      <el-badge :value="12" class="item">
        <el-button type="primary" icon="el-icon-shopping-cart-1" size="medium" plain></el-button>
      </el-badge>
      <el-badge is-dot class="item">
        <el-button type="primary" icon="el-icon-user" size="medium" plain></el-button>
      </el-badge>
    </div>
</template>

<script>
export default {
  name: 'SideBar'
}
</script>

<style lang="less" scoped>
#sideBar {
  width: 60px;
  height: 100px;
  position: fixed;
  right: 40px;
  bottom: 200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  .item {
    margin-top: 10px;
    margin-right: 0px;
  }
}

</style>
